<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel='stylesheet' type='text/css' href='static/style/index.css' />
<script type='text/javascript' src='static/script/jquery-1.4.4.min.js'></script>
<script type='text/javascript' src='static/script/jquery-ui-1.8.6.custom.min.js'></script>
<script type='text/javascript' src='static/script/jquery.weekcalendar.min.js'></script>
<script type='text/javascript' src='static/script/main.js'></script>
<title>Index - MRB</title>
</head>
<body> 
	<h1>Meeting Room Booking</h1>
	<div id="nav"><p>
		<a href="#" id="re" class="ui-state-default ui-corner-all navButton"><span class="ui-icon ui-icon-newwin"></span>刷新</a>
		<a href="#" id="m" class="ui-state-default ui-corner-all navButton"><span class="ui-icon ui-icon-newwin"></span>菜单</a>
		<a href="#" id="l" class="ui-state-default ui-corner-all navButton"><span class="ui-icon ui-icon-newwin"></span>退出</a></p>
	</div>
	<div id="menu"></div><div id="window"></div>
	<div id='calendar'></div>
	<div id="event_edit_container">
		<form>
			<ul>
				<li>
					<span>日期：</span><span class="date_holder"></span><span>预约人：</span><span class="user_holder"></span>
				</li>
				<li>
					<label for="room">选择会议室：</label><select name="room"><option value="">Select Room</option></select>
					<button id="newwin"><span class="ui-icon ui-icon-newwin"></span></button>
				</li>
				<li>
					<label for="start">开始时间：</label><select name="start"><option value="">Select Start Time</option></select>
				</li>
				<li>
					<label for="end">结束时间：</label><select name="end"><option value="">Select End Time</option></select>
				</li>
				<li>
					<label for="title">预约事由：</label><textarea name="title"></textarea>
				</li>
				<li></li>
			</ul>
		</form>
	</div>
</body>
</html>